<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script lang="javascript">
    // var film ={
    //   title:'穿过寒冬',
    //   price:45
    // };
    // var proxy = new Proxy(film,{
    //   get(target,attr){
    //     console.log('get触发');
    //     if(attr in target){
    //       return target[attr];
    //     }else{
    //       throw new Error(`你当前访问的属性${attr}不存在`)；
    //     }
    //   },
    //   set(target,attr,value){
    //     console.log('set触发');
    //     if(attr=='price'){
    //       if(value>300){
    //         throw new Error(`你设置的属性值超过最大范围`)
    //       }else{
    //         return target[attr]
    //       }
    //     }else{
    //       return target[attr];
    //     }
    //   }
    // })
    // console.log(proxy.title);

    var obj = {};
    var proto = {};
    var handler = {
        getPrototypeOf(target) {
            console.log(target === obj);   // true
            console.log(this === handler); // true
            return proto;
        }
    };

    var p = new Proxy(obj, handler);
    console.log(Object.getPrototypeOf(p) === proto);    // true

  </script>
</body>
</html>